/* 给body上下留点距离 存放固定导航 */
.body {
	margin-top: 60px;
	margin-bottom: 60px;
}

/* 正文的几个大的面板中的列表的样式 start */
.panel-body-list {
	display: block;
	margin-bottom: 10px;
	justify-content: space-between;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.9em;
}

.panel-body-list span {
	font-size: 12px;
	color: #aaa;
	margin-right: 5px;
}

/* 正文的几个大的面板中的列表的样式 end */

/* 右侧 分类等面板中的样式 start */
.widget {
	line-height: 1.2em;
	word-wrap: break-word;
	font-size: 0.9em;
}

.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
	/* Vic.xu 之前的40px不知道哪里设置的， 这里给取消*/
	padding-inline-start: 0px;
}

.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
	margin: 0 20px;
}

.widget ul ul,
.widget ol ul {
	list-style: disc;
}

.widget ul ol,
.widget ol ol {
	list-style: decimal;
}

.category-list-count,
.tag-list-count,
.archive-list-count {
	padding-left: 5px;
	color: #999;
	font-size: 0.85em;
}

.category-list-count:before,
.tag-list-count:before,
.archive-list-count:before {
	content: "(";
}

.category-list-count:after,
.tag-list-count:after,
.archive-list-count:after {
	content: ")";
}

.tagcloud a {
	margin-right: 5px;
}

.widget-wrap {
	margin: 20px 10px;
}

@media screen and (max-width: 559px) {
	.widget-wrap {
		margin: 20px 20px;
	}
}

.widget-title {
	margin-bottom: 0;
	font-size: 1.5em;
}

.widget {
	padding: 15px 5px;
}

.widget a {
	color: #009688;
	text-decoration: none;
}

.widget a:hover {
	color: #333;
}

.widget ul ul,
.widget ol ul,
.widget dl ul,
.widget ul ol,
.widget ol ol,
.widget dl ol,
.widget ul dl,
.widget ol dl,
.widget dl dl {
	margin-left: 15px;
	list-style: disc;
}

.widget ul,
.widget ol {
	list-style: none;
}

.widget ul li,
.widget ol li,
.widget ul .category-list-child,
.widget ol .category-list-child {
	padding: 10px 0;
	font-size: 16px;
	border-bottom: 1px solid #FFFFFF;
}

.widget ul li a,
.widget ol li a,
.widget ul .category-list-child a,
.widget ol .category-list-child a {
	color: #777;
}

.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
	list-style: none;
}

.widget ul ul li,
.widget ol ul li,
.widget ul ol li,
.widget ol ol li {
	border: none;
}

.widget ul ul li:last-child,
.widget ol ul li:last-child,
.widget ul ol li:last-child,
.widget ol ol li:last-child {
	padding-bottom: 0px;
}

.widget ul:not(#recent-post) li a:before,
.widget ol:not(#recent-post) li a:before {
	color: #ccc;
	content: "\f0da";
	font-size: 12px;
	margin-right: 6px;
	font-family: FontAwesome;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}

/* 在li上加一个active的样式 箭头把颜色变蓝  字体变大  Vic.xu*/
.widget ul:not(#recent-post) li.active a:before,
.widget ol:not(#recent-post) li.active a:before {
	color: #007fff;
	content: "\f0da";
	font-size: 18px;
	margin-right: 6px;
	font-family: FontAwesome;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}

/**在li上加一个active的样式把其中的a标签内的字体变蓝 Vic.xu*/
.widget ul:not(#recent-post) li.active a,
.widget ol:not(#recent-post) li.active a {
	color: #007fff;
}

.widget ul:not(#recent-post) li a:hover:before,
.widget ol:not(#recent-post) li a:hover:before {
	color: #333;
}

/* 右侧 分类等面板中的样式 end */

/* 左右加个阴影 */
.shadow {
	box-shadow:
	15px 0 15px -15px #000,
	-15px 0 15px -15px #000;
}

/* markdown的目录div start*/
.md-toc {
	position: fixed;
	top: 60px;
	right: 10px;
	max-width: 240px;


}

/* 目录的内容设置给最大高度  超过*/
.md-toc .panel-body{
	max-height: 520px;
	overflow: hidden;
}
.md-toc .panel-body:hover {
	overflow: auto;
}

.md-toc ul {
	padding-inline-start: 10px;
}

.md-toc ul li {
	line-height: 20px;
}

/* markdown的目录div end */

/* 固定右下角 */
.bottom-toolbar {
	bottom: 55px;
	right: 2px;
	position: fixed;
	max-width: 50px;
;
}